
.index-banner{position: relative; width: 100%; }
.index-banner-list li{ float: left; width: 100%; }
.index-banner-list li img{width: 100%; display: block; overflow: hidden;}
.index-banner-nav { overflow: auto; height: 150px; overflow: hidden; box-sizing: border-box; overflow-y: hidden;}
.index-banner-nav li{ float: left; width:calc(100%/5);  text-align: center; overflow: auto;  padding: 20px 0; box-sizing: border-box; }
.index-banner-nav li img{border: 2px;width: 100%;height: 110px;display: block; overflow: hidden; border: 2px solid #000000; border-color: rgba(0,0,0,.5); box-sizing: border-box;}
.index-banner-nav li a{display: block; width: 90%; margin: 0 auto;}
.index-banner .hd{background-color: rgba(0,0,0,.5); position: absolute; bottom: 0; width: 100%;}
.index-banner-nav li.on img{ box-sizing: border-box; border: 2px solid #e62128;}

.index-baojia{background: url(../images/bg1.jpg) no-repeat center center; padding: 60px 0; }
.index-baojia-info{background: #ffffff;height: 484px; overflow: hidden;   -webkit-box-shadow:0 0 20px 1px #d0d0d0;  
  -moz-box-shadow:0 0 20px 1px #d0d0d0;  
  box-shadow:0 0 20px 1px #d0d0d0; }
.index-baojia-left{width: 310px; box-sizing: border-box; background: #f5f5f5; height: 484px; overflow: hidden;}
.index-baojia-left li{width: 100%; padding:27px 30px; box-sizing: border-box; border-bottom: 1px solid #eeeeee; position: relative; }
.index-baojia-left li h2{color: #333333; font-size: 20px; margin-bottom: 5px; font-weight: normal;}
.index-baojia-left li h2 b{color: #e62128;}
.index-baojia-left li p{font-size: 14px; color: #666666;}
.index-baojia-left li:hover{background: #e62128; color: #ffffff;}
.index-baojia-left li:hover p,.index-baojia-left li:hover h2,.index-baojia-left li:hover h2 b{ color: #ffffff;}
.index-baojia-left li:before{position: absolute; content: ''; background: url(../images/ico.png) no-repeat center right ; 
width: 50px; height: 50px; right: 20px; top: 30px;}
.index-baojia-left li.li1:before{background-position: -1px -4px; }
.index-baojia-left li.li2:before{background-position: -71px -4px; }
.index-baojia-left li.li3:before{background-position: -138px -4px; }
.index-baojia-left li.li4:before{background-position: -209px -4px; }
.index-baojia-left li:hover.li1:before{background-position: -1px -58px; transition: all 0.6s;}
.index-baojia-left li:hover.li2:before{background-position: -71px -58px; transition: all 0.6s;}
.index-baojia-left li:hover.li3:before{background-position: -138px -58px; transition: all 0.6s;}
.index-baojia-left li:hover.li4:before{background-position: -209px -58px;transition: all 0.6s; }
.index-baojia-left li:last-of-type{border-bottom: none;}


.index-form{width: 650px; margin: 0 auto; padding: 30px 50px; box-sizing: border-box;}
.index-form .title {text-align: center; margin: 10px auto 20px;}
.index-form .title h2{color: #333333;  font-size: 27px; margin-bottom: 5px; letter-spacing: 1px;}
.index-form .title h2 b{color: #e62128; font-weight: bold;}
.index-form .title p{font-size: 15px; color: #333333;}
.index-form form select {width:32%; margin-bottom: 15px; height: 45px; line-height: 45px; border:1px solid #e0e0e0; color: #666666; text-indent: 5px; margin-left: 1.2%;}
.index-form form select:first-of-type{margin-left: 0;}
.index-form form input{width: 48.6%; margin-left: 1.3%; margin-bottom: 15px;color: #141418;  height: 45px; line-height: 45px; border:1px solid #e0e0e0; text-indent: 8px;}
.index-form form input:first-of-type{margin-left: 0;}
.index-form form input.sub{width: 100%; background: #2d2d2d; margin: 0 auto; cursor: pointer; height: 50px; line-height: 50px; text-align: center; color: #ffffff; font-size: 16px; margin-top: 12px; text-indent: 0;}

.index-baojia-zixun{overflow: hidden; margin-top: 20px; text-align: center; width: 100%;}
.index-baojia-zixun .bd{width: 100% !important;}
.index-baojia-zixun span{display: block; float: left; vertical-align: middle; margin-top: 5px;margin-right: 15px}
.index-baojia-zixun-list{float: left; ; color: #666666;}
.index-baojia-zixun-list a{color: #666666;}
.index-baojia-zixun .tempWrap{display: block !important;}


.index-baojia-pic{width: 340px; height: 484px; overflow: hidden; position: relative;}
.index-baojia-pic li{display: block; width: 340px; height: 484px; }
.index-baojia-pic li img{display: block; width: 100%; height: 100%;}
.index-baojia-pic .hd{position: absolute; bottom: 5px; right: 10px;}
.index-baojia-pic .hd ul li{display: inline-block; width: 7px; height: 7px; margin: 0 3px; border-radius: 50%; background: #ffffff;}
.index-baojia-pic .hd ul li.on{background: #f61c05;}

.color1{color: #e62128;}
.index-title{padding: 60px 0 40px; box-sizing: border-box;}
.index-title h2{color: #333333; font-size: 40px; font-weight: normal; letter-spacing: 1px; margin-bottom: 25px; position: relative; display: inline-block;}
.index-title p{font-size: 18px;}
.index-title h2:before{content:""; width:80px; height:1px; background:#919191; position:absolute; left:-110px; top:15px;}
.index-title h2:after{content:""; width:80px; height:1px; background:#919191; position:absolute; right:-110px; top:15px}


.tab-nav {margin-bottom: 40px;}
.tab-nav ul{text-align: center;}
.tab-nav ul li{text-align: center; display: inline-block; margin: 0 25px; color: #333333; cursor: pointer;}
.tab-nav ul li:hover{color: #e62128;}
.tab-nav ul li a{font-weight: bold; }
.tab-nav ul li.on{color: #e62128; font-weight: bold; }
.tab-nav ul li span.hot{position: relative;}
.tab-nav ul li span.hot:before{position:absolute ; content:""; width: 40px; height: 27px; right: -35px; top: -15px; background: url(../images/hot.png) no-repeat top right;}


.index-realpic-list li{float: left; width: 413px; height: 315px; position: relative; margin-left: 30PX; margin-bottom: 30px;}
.index-realpic-list li em{display: block; width: 100%; height: 100%; overflow: hidden;}
.index-realpic-list li em img{display: block; width: 100%; height: 100%;}
.index-realpic-list li .text{position: absolute; bottom: 0; width: 100%; font-size: 16px; height: 53px; line-height: 53px; overflow: hidden; background-color: rgba(0,0,0,.5); text-align: center; color: #ffffff;}
.index-realpic-list li:nth-child(3n+1){margin-left: 0;}
.index-realpic-list li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.index-realpic-list li img{
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;}

.index-more{background: #2d2d2d; text-align: center; height: 50px; line-height: 50px; margin: 60px auto; width: 650px; transition: all 0.3s;}
.index-more a{color: #ffffff;}
.index-more:hover{background: #e62128; }


/*设计师*/
.index-designer{background: #eeeeee; padding-bottom: 20px;}
.index-designer-main{width: 1350px; margin: 0 auto;}
.index-designer .tab-nav ul li{font-size: 18px; margin: 0 35px; }
.index-designer .tab-nav ul li.on{color: #e62128;}
.index-designer-info{width: 980px; overflow: hidden;}
.index-designer-list{width: 100%;  margin-bottom: 25px;}
.index-designer-list li{float: left; position: relative; margin-left: 20px; width: 230px; height: 305px; overflow: hidden;}
.index-designer-list li em{display: block; width: 100%; height: 100%;}
.index-designer-list li em img{display: block; width: 100%; height: 100%;}
.index-designer-list li .text{position: absolute; width: 100%; text-align: center; background-color: rgba(0,0,0,.5); color: #ffffff;
 padding: 10px; box-sizing: border-box; bottom: 0; overflow: hidden;  transition: all 0.4s;
 -webkit-transform: translate(0, 47px);

-moz-transform: translate(0,47px);

transform: translate(0, 47px);}
 
.index-designer-list li .text h2{font-size: 16px;}
.index-designer-list li .text span{color: #e62128; border: 1px solid #e62128; padding: 0 25px; margin-top: 5px; margin-bottom: 5px; display: inline-block;}
.index-designer-list li:first-of-type{margin-left: 0;}
.index-designer-list li:hover .text{ -webkit-transform: translate(0, 0);

-moz-transform: translate(0,0);

transform: translate(0, 0);}

.index-designer-bottom{width: 100%; height: 140px; overflow: hidden;}
.index-designer-bottom li{float: left; width:105px; margin-left: 20px; height: 140px; overflow: hidden; position: relative;}
.index-designer-bottom li:first-of-type{margin-left: 0;}
.index-designer-bottom li img{display: block; width: 100%; height: 100%;}
.index-designer-bottom li p{position: absolute; bottom: 0; transition: all 0.4s; color: #ffffff; width: 100%; height: 50px; text-align: center; line-height: 50px; overflow: hidden;}
.index-designer-bottom li:hover p{color: #e62128;}

.index-designer-form{background: #ffffff; width: 345px; height: 470px; -webkit-box-shadow:0 0 20px 1px #d0d0d0;  
  -moz-box-shadow:0 0 20px 1px #d0d0d0;  
  box-shadow:0 0 20px 1px #d0d0d0; padding: 40px 25px; box-sizing: border-box;}
.index-designer-form .title{text-align: center; margin-bottom: 25px;}
.index-designer-form .title h2{font-weight: bold; font-size: 20px; }
.index-designer-form .title p{color: #666666;}
.index-designer-form input{border: 1px solid #c5c5c5; height: 45px; line-height: 45px; overflow: hidden; width: 100%; text-indent: 30px; margin-bottom: 20px;}
.index-designer-form .sub{background: #e62128; color: #ffffff; border: none; text-indent: 0; margin-top: 20px;}
.index-designer-form .index-baojia-zixun {margin-top: 0;}
.index-designer-form .index-baojia-zixun ul{width: 100%; text-align: center;}
.index-designer-form .index-baojia-zixun .tempWrap{text-align: center; width: 100% !important;}


/*vr*/
.index-vr{background: url(../images/bg2.jpg) no-repeat center top; padding-bottom: 60px;}
.manyou{ width:100%; overflow:hidden; position:relative;}
.manyou figure{ width:100%; overflow:hidden;}
.manyou figure img{ display:block; width:100%; height:500px; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.manyou:hover figure img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
.manyou strong{ position:absolute; left:40px; top:34px; z-index:10; font-size:14px; color:#fff; display:block; line-height:24px; padding:9px 20px; background:rgba(0,0,0,0.4); border-radius:18px;}
.manyou strong i{ display:block; width:95px; height:24px; float:left; overflow:hidden; background:url(../images/vr-ico.png)no-repeat center center; }
.manyou figcaption{ width:100%; overflow:hidden; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.4); text-align:center; color:#fff; font-size:16px; padding:10px 0; z-index:10;}
.manyou figcaption span{ display:inline-block; vertical-align:middle; padding:0 40px;}
.manyou figcaption span img{display: inline-block; vertical-align: middle; margin-right: 5px;}


.quanjing{ width:100%; overflow:hidden; margin-top: 30px;}
.quanjing li{ width:420px; float:left; margin:0 0 0 20px; overflow:hidden; position:relative;}
.quanjing li:nth-child(3n+1){ margin-left:0;}
.quanjing li figure{ width:100%; overflow:hidden;}
.quanjing li figure img{ display:block; width:100%; height:300px; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.quanjing li:hover figure img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
.quanjing li strong{ position:absolute; left:15px; top:20px; z-index:10; font-size:14px; color:#fff; display:block; line-height:24px; padding:9px 20px; background:rgba(0,0,0,0.4); border-radius:18px;}
.quanjing li strong i{ display:block; width:95px; height:24px; float:left; overflow:hidden; background:url(../images/vr-ico.png) no-repeat center center;}
.quanjing li figcaption{ width:100%; overflow:hidden; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.4); text-align:center; color:#fff; font-size:16px; padding:10px 0; z-index:10;}
.quanjing li figcaption span{ display:inline-block; vertical-align:middle; padding:0 8px; font-size: 14px;}
.quanjing li figcaption  img{display: inline-block; vertical-align: middle; margin-right: 5px; height: 17px;}


/*楼盘*/
.index-loupan {padding-bottom: 80px;}
.index-loupan-info{padding: 0 20px; box-sizing: border-box;}
.index-loupan-list li{float: left; width: 23.5%; margin-left: 1.5%; position: relative;  -webkit-box-shadow:0 0 10px 1px #d0d0d0;  
  -moz-box-shadow:0 0 10px 1px #d0d0d0;  
  box-shadow:0 0 10px 1px #d0d0d0;}
.index-loupan-list li:nth-child(4n+1){margin-left: 0;}
.index-loupan-list li .top{position: relative; }
.index-loupan-list li .top em{display: block; width: 100%; height: 100%; overflow: hidden;}
.index-loupan-list li .top em img{display: block; width: 100%; height: 100%;}
.index-loupan-list li .top .text{position: absolute; bottom: 0; background-color: rgba(0,0,0,.6); padding:0 10px; box-sizing: border-box; height: 60px; line-height: 60px; overflow: hidden; color: #ffffff; 
text-align: center; width: 100%;}
.index-loupan-list li .top .text span{margin: 0 5px 0;}
.index-loupan-list li .top .text i{font-size: 24px; font-family: arial;}
.index-loupan-list li .bottom{padding:20px; box-sizing: border-box;}
.index-loupan-list li .bottom .ad1{ border-bottom: 1px solid #e0e0e0; margin-top: 10px;}
.index-loupan-list li .bottom .ad1 h2{font-size: 24px; color: #333333; margin-bottom: 10px;} 
.index-loupan-list li .bottom .ad1 p{font-size: 14px; color: #333333; margin-bottom: 10px; background: url(../images/ad1.png) no-repeat left center; padding-left: 20px;} 
.index-loupan-list li .bottom .ad2 {padding: 25px 0 20px;}
.index-loupan-list li .bottom .ad2 span{display: inline-block; width: 45%; margin: 0 5px 0; padding: 0 4px; box-sizing: border-box; text-align: center; height: 40px; line-height: 40px;}
.index-loupan-list li .bottom .ad2 span.span1{background: #e62128; color: #ffffff;}
.index-loupan-list li .bottom .ad2 span.span1 a{ color: #ffffff;}
.index-loupan-list li .bottom .ad2 span.span2{border:1px solid #e62128; color: #333333;}
.index-loupan-list li .bottom .ad2 span.span2 a{ color: #333333;}
.youhui{position: absolute; background: url(../images/icon9.png) no-repeat top left; padding: 10px; box-sizing: border-box; width: 175px; height: 72px; top: 0; color: #ffffff; left: -7px; line-height: 20px;}
.youhui i{font-size: 16px; font-weight: bold;}

.index-loupan-list li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.index-loupan-list li img{
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;}
.index-loupan-list li:hover .bottom .ad1 h2{color: #e62128;}


/*实力*/
.index-strength{background: #f5f5f5; padding-bottom: 60px;}
.index-strength-pic{width: 500px; height: 540px; position: relative;}
.index-strength-pic-list li{position: relative;}
.index-strength-pic-list li .text{position: absolute; bottom: 0; padding: 30px 20px; box-sizing: border-box; color: #ffffff;}
.index-strength-pic-list li .text h2{font-size: 22px; margin-bottom: 15PX;}
.index-strength-pic-list li .text h2 i{font-size: 50px; font-family: "DIN"; margin-right: 10px;}
.index-strength-pic-list li .text span{display: block; width: 30PX; height: 1PX; background: #ffffff; margin: 20px 0;}
.index-strength-pic-list li .t1{background: #e62128; width: 120px; color: #ffffff; height: 35px; line-height: 35px; font-size: 18px; text-align: center; position: absolute; top: 30px; left: 0;}
.index-strength-pic .hd{position: absolute; bottom: 10px; right: 10px;}
.index-strength-pic .hd ul li{display: inline-block; width: 7px; height: 7px; margin: 0 3px; border-radius: 50%; background: #ffffff;}
.index-strength-pic .hd ul li.on{background: #f61c05;}


.index-table{display: table;  height: 100%; width: 100%; }
.index-cell{display: table-cell;
    vertical-align: middle;

}
.index-strength-shili{width: 760px;}
.index-strength-shili .top{width: 100%; padding-left: 40px; margin-bottom: 12px; box-sizing: border-box; background: #ffffff url(../images/sl-pic1.jpg) no-repeat center right; height: 240px; text-align: left;}
.index-strength-shili .top h2,.index-strength-shili .bottom li h2{font-size: 24px; margin-bottom: 15px; color: #333333;}
.index-strength-shili .top p,.index-strength-shili .bottom li p{color: #666666; font-size: 16px;}
.index-strength-shili .bottom li{float: left; width: 373px; height: 290px; padding: 40px 0 0 40px; box-sizing: border-box;}
.index-strength-shili .bottom li.li1{background:#ffffff url(../images/sl-pic2.jpg) no-repeat right bottom;}
.index-strength-shili .bottom li.li2{background:#ffffff url(../images/sl-pic3.jpg) no-repeat right bottom; margin-left: 13px;}
.index-strength-shili .bottom li{position: relative;}
.index-strength-shili .bottom li .form{position: absolute; top:230px; width: 373px; left: 0; opacity: 0; z-index: 9; transition: all 0.3s; -webkit-transform: translate(0, -50px);

-moz-transform: translate(0, -50px);

transform: translate(0, -50px)}
.index-strength-shili .bottom li:hover .form{opacity: 1; -webkit-transform: translate(0, 0);

-moz-transform: translate(0, 0);

transform: translate(0, 0)}


/*新闻*/
.index-news{background:url(../images/bg3.jpg) no-repeat center top; padding-bottom: 60px; background-size: cover;}
.index-news .tab-nav li{margin: 0 40px;}
.index-news .tab-nav li a{color: #333333; font-weight: normal;}
.xinwen{ width:100%; overflow:hidden;}
.xinwen li{ width:410px; float:left; background: #ffffff; overflow:hidden; margin-left:35px; position:relative;}
.xinwen li:nth-child(1){ margin:0;}
.xinwen li .tou{  overflow:hidden; text-align: center; height: 140px; line-height: 140px; overflow: hidden;}
.xinwen li .tou.tp_a{ background:url(../images/xw-pic1.jpg) no-repeat center top; background-size: cover;}
.xinwen li .tou.tp_b{  background:url(../images/xw-pic2.jpg) no-repeat center top; background-size: cover;}
.xinwen li .tou.tp_c{  background:url(../images/xw-pic3.jpg) no-repeat center top; background-size: cover;}
.xinwen li .tou h2{ font-size:32px; font-weight: bold; letter-spacing: 2px; color: #ffffff;}

.xinwen li .list{ width:100%; overflow:hidden;  padding: 20px; box-sizing: border-box;}
.xinwen li .list .ljie{ display:block; width:100%; overflow:hidden;  padding:5px 0; color: #333333;}
.xinwen li .list .ljie h2{ width:80%; float:left; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.xinwen li .list .ljie span{ display:block; float:right; font-family:Arial, Helvetica, sans-serif;}
.xinwen li .list .top{padding-bottom: 22px; margin-bottom: 10px; border-bottom: 1px dashed #e0e0e0;}
.xinwen li .list .top em{display: block; width: 30%; height: 85px; overflow: hidden;}
.xinwen li .list .top em img{display: block; width: 100%; height: 100%;}
.xinwen li .list .top .text{width: 65%; margin-left: 5%;}
.xinwen li .list .top .text h2{font-size: 14px; color: #333333; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 10px;}
.xinwen li .list .top .text p{color: #666666; line-height: 20px; height: 40px; overflow: hidden; font-size: 12px;}
.xinwen li .list{height: 360px;}
.xinwen li .list2 .ljie span{float: left; margin-right: 10px; font-weight: bold;}
.xinwen li .list .ljie:hover h2{color: #e62128;}


footer{ width:100%; overflow:hidden; background:url(../images/gd-bg1.jpg) center center no-repeat; background-size:cover;}
footer .foot{ width:100%; overflow:hidden; padding:70px 0 0;}
footer .foot .wenzi{ overflow:hidden; color:#fff; padding-right:120px;}
footer .foot .wenzi h2{ color:#fff; font-size:18px;}
footer .foot .wenzi figure{ overflow:hidden; padding-top:35px;}
footer .foot .wenzi figure a{ line-height:34px; color:#aaa; display:block;}
footer .foot .wenzi figure a:hover{ color:#fff;}
footer .foot .what{ overflow:hidden;}
footer .foot .what strong{ display:block; float:left; padding:0 25px; text-align:center;}
footer .foot .what strong img{ display:block; width:130px;}
footer .foot .what strong span{ display:block; color:#fff; font-size:16px;}
footer .foot .lian{ overflow:hidden; }
footer .foot .lian .num{ display:block; color:#e62128; font-size:30px; font-family:"DIN"; font-weight: bold;  overflow:hidden;}
footer .foot .lian .time{ display:block; color:#ffffff; padding:15px 0 25px; overflow:hidden; line-height: 23px;}
footer .foot .lian .erweima{ display:block; overflow:hidden; height: 150px; width: 150px;}

footer .weibu{ width:100%; overflow:hidden; padding:20px; box-sizing: border-box; color:#000000; background:#e62128; }
footer .weibu p{margin-top: 6px;}
footer .foot .link{color: #ffffff; margin-top: 50px; margin-bottom: 40px;}
footer .foot .link a{color:#aaaaaa; }

.weibu-ico a{display: inline-block; background: url(../images/ico.png) no-repeat; width: 35px; height: 20px;}
.weibu-ico a.a1{background-position: 2px -123px;}
.weibu-ico a.a2{background-position: -32px -123px;}
.weibu-ico a.a3{background-position: -68px -123px;}
.weibu-ico a.a1:hover{background-position: 2px -153px; transition: all 0.6s;}
.weibu-ico a.a2:hover{background-position: -32px -153px; transition: all 0.6s;}
.weibu-ico a.a3:hover{background-position: -68px -153px; transition: all 0.6s;}
.weibu-ico a.a4{display: inline-block; background: url(../images/ico.png) no-repeat; width: 62px; height: 30px; background-position: -98px -115px;}
.weibu-ico a.a4:hover{background-position: -98px -148px; transition: all 0.6s; }


/*标准化装修*/

input,select{ border:none; background: none;}
input:focus{ outline: none;}
.w1200{ width: 1200px; margin: 0 auto;}
.w1260{ width: 1260px; margin: 0 auto;}


.neibanner img{ display: block; width: 100%; vertical-align: top}
.normal-sec1{ background: url(../images/no-bg1.jpg) no-repeat top center; background-size: 100% 100%; padding: 50px 0;}
.nor-tit{ background: url(../images/no-tit1.png) no-repeat center; height: 80px; width: 658px; margin: 0 auto;}
.nor-tit h3{  font: bold 40px/60px "微软雅黑"; text-align: center; line-height: 80px; color: #000;}
.normal-sec1 .w1200{ background: url(../images/no-shadow.png) no-repeat top center; height: 644px; width: 1172px; margin: 40px auto 0 auto;}
.normal-sec1 .w1200 .cont{display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; }
.normal-sec1 .left ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-around; justify-content: space-around; align-items: center;
padding: 60px;}
.normal-sec1 .left h3{ font-weight: bold; font-size: 42px; color: #e62128; text-align: center; line-height: 1;}
.normal-sec1 .left{ width: 620px; padding-top: 60px;}
.normal-sec1 .left strong { font-size: 100px; color: #E62128; font-family: symbol; font-weight: bold;  display: block; text-align: center; line-height: 160px;}
.normal-sec1 .left strong b{ font-size: 80px; font-weight: 600;}
.normal-sec1 .left p{ color: #E62128; font-size: 18px; text-align: center;}
.normal-sec1 .left li b{ color: #E62128; text-align: center; width: 100%; display: block;  font-size: 16px;}
.normal-sec1 .left li p{ color: #000; text-align: center; width: 100%; line-height: 60px;}
.normal-sec1 .right { padding:100px 60px; width: 516px;}
.normal-sec1 .right h3{ color: #fff; text-align: center; font-size: 32px; font-weight: bold;}
.normal-sec1 .right p{ color: #fff; font-size: 18px; text-align: center; line-height:60px;}
.normal-sec1 .right p b{ color: #E60012; display: inline-block; vertical-align: middle; }
.normal-sec1 .div-input{ display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; background: #fff; border-radius: 5px; height: 60px;
line-height: 60px; width: 400px; padding: 0 20px; margin-bottom: 20px;  position: relative;}
.normal-sec1 .div-input input{ height: 60px; line-height: 60px; padding-left: 10px; width: 80%;}
.normal-sec1 .sub{ background: #E60012; color: #fff; font-size: 22px; display: block; height: 60px; line-height: 60px; border-radius: 5px; width: 100%;}
.normal-sec1 select{ width: 95%;}
.normal-sec1 .div-input b{ display: block; position: absolute; width: 0; height: 0; right: 30px; border-top: 5px solid #000;
border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; top: 30px;}
.normal-sec1 option{ padding-top: 50px;}
.normal-sec1 .right .div-input ul{ position: absolute; top: 60px; left: 0; right: 0; background: #000; z-index: 333; display: none;}
.normal-sec1 .right .div-input li{ color: #fff; padding-left: 10px; line-height: 40px; z-index: 33;}
.name-scroll li span{ color: #fff; font-size: 14px; height: 50px; line-height: 80px; display: block;}
.name-scroll li{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-around;}

.normal-sec2{ padding: 60px 0 0 0;}
.nor-tit2{ background:none;}
.nor-tit2 h3{  font: bold 40px/60px "微软雅黑"; text-align: center; color: #000;}
.nor-tit2 h4{ font-size: 22px; color: #333; text-align: center; line-height: 50px;}
.normal-sec2 .ul1{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; align-items: center;
padding: 60px 0;}
.normal-sec2 .line{ height: 1px; background: #000; width: 100%; margin-bottom: 1px;}
.normal-sec2 .tab-hd ul{  display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; align-items: center;
padding: 50px 0 0px 0; position: relative; z-index: 33;}
.normal-sec2 .tab-hd strong{ font-size: 22px; color: #000; display: block; text-align: center;}
.normal-sec2 .tab-hd b{ font-size: 16px; color: #000; display: block; text-align: center; text-transform: uppercase;}
.normal-sec2 .tab-hd li{ border-bottom: 3px solid transparent; padding-bottom: 30px; width: 20%; cursor: pointer;}
.normal-sec2 .tab-hd li.on{ border-bottom: 3px solid #E62128; transition: all 0.36s;}
.normal-sec2 .tab-hd li.on strong,.normal-sec2 .tab-hd li.on  b{ color: #E62128;}
.normal-sec2 .tab-bd{ border-top: 3px solid #000; background: url(../images/no-bg2.jpg) no-repeat top center; background-size: 100% 100%;
margin-top: -3px;}
.normal-sec2 .w1260{ position: relative;}
.normal-sec2 .text { position: absolute; left: 100px; top: 220px; background: rgba(255,0,0,0.8); width: 400px; height: 170px; padding: 30px;}
.normal-sec2 .text h3{ color: #fff; font-weight: bold; font-size: 40px; line-height: 1;}
.normal-sec2 .text p{ color: #fff;  font-size: 18px; height: 60px; line-height: 30px; overflow: hidden; margin-top: 15px;}
.normal-sec2 .text-bt { position: absolute; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.8);  
display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; align-content: center; padding:20px 30px;}
.normal-sec2 .text-bt strong{ color: #E62128; font-size: 22px; width: 100px; display: block;}
.normal-sec2 .text-bt p{ color: #fff; font-size:14px; padding-left: 20px;}


.normal-sec3{ background: #f0f5f9; padding: 60px 0;}
.normal-sec3 .w1260{display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;  align-items: center;}
.normal-sec3 ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; align-items: center;
padding: 60px 0; flex-wrap: wrap;}
.normal-sec3 ul li{width: 33%;}
.normal-sec3 .left h3{ color: #E62128; font-weight: bold; font-size: 22px; line-height: 1;}
.normal-sec3 .left p{ color: #000; font-weight: bold; font-size: 18px; height: 60px; line-height: 30px; overflow: hidden; margin-top: 15px;}


.normal-sec4{ background: url(../images/no-bg3.jpg) no-repeat top center; background-size: 100% 100%; padding: 50px 0;}
.normal-sec4 .ul1{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; align-items: center;
padding: 60px 0; flex-wrap: wrap;}
.normal-sec4 .ul1 li{ background: #fff; border-radius: 100%; height: 220px; width: 220px;  display: flex; display: -ms-flexbox; display: -webkit-flex;
align-content:center; align-items: center; justify-content: center; flex-wrap: wrap;}
.normal-sec4 .ul1 p{ color: #000; font-size: 22px; width: 100%; text-align: center; line-height: 60px;}
.normal-sec4 .ul1 p b{ color: #E62128;}
.normal-sec4 .cont{ padding: 0 200px;display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;   align-items: center;}
.normal-sec4 .gun{ position: relative;}
.normal-sec4 .left { background: #E62128; box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 40px 60px; ; width: 47%;}
.normal-sec4 .left .div1{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;}
.normal-sec4 .div1 p{ color: #fff; line-height: 46px; font-size: 22px;}
.normal-sec4 .left h3{ color: #f9ff00; font-size: 26px; font-weight: bold; padding: 0 0 30px 0;}
.normal-sec4 .left h3 b{background: #fff; width: 80px; height: 3px; display: block; margin-bottom: 35px;}
.normal-sec4 .right{ position: relative; overflow: hidden; width: 53%;}
.normal-sec4 .right img{  height: 500px; width: 100%;}
.normal-sec4 .hd{ position: absolute;  right: 220px; top: 50%; z-index: 3; display: flex; display: -ms-flexbox; display: -webkit-flex;
 justify-content: space-between; z-index: 333; cursor: pointer; width: 40%;  }
.normal-sec4 .hd ul{ display: none;}
.normal-sec4 .gun{ margin: 0;}
.normal-sec5{ background: url(../images/no-bg4.jpg) no-repeat top center; background-size: 100% 100%; padding: 50px 0;}
.normal-sec5 .nor-tit2 h3{  font: bold 40px/60px "微软雅黑"; text-align: center; color: #fff;}
.normal-sec5 .nor-tit2 h4{ font-size: 22px; color: #fff; text-align: center; line-height: 50px;}
.normal-sec5 .cont{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;   margin: 50px 0; align-items: center;}
.normal-sec5 .left{ width: 485px;}
.normal-sec5 .ul1{  display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; margin-right: -3%;}
.normal-sec5 .ul1 li{  background: #fff; width: 30%; flex-grow: 1; margin: 0 3% 3% 0; height: 120px; display: flex; display: -ms-flexbox; display: -webkit-flex;
align-items: center; align-content: center; justify-content: center; flex-wrap: wrap;}
.normal-sec5 .ul1 p{ text-align: center; width: 100%; color: #333; font-size: 18px; padding: 10px 0 0 0;}
.normal-sec5 .ul1 img{ display: block; margin: 0 auto;}
.normal-sec5 .div2{ background:#ffa300 url(../images/notu-2.png) no-repeat 110% 20px; height: 220px; padding: 20px; color: #fff;}
.normal-sec5 .div2 h3{ color: #fff;  font-weight: bold; font-size: 24px; padding: 20px 0;}
.normal-sec5 .div2 span{ background: #E62128; color: #fff; display: inline-block; border-radius: 5px; font-size: 20px; font-weight: bold; padding:5px 20px;
margin: 0 20px 0 0 ;}
.normal-sec5 .div2 span:last-child{ margin-left: 20px; display: inline-block;}
.normal-sec5 .div2 .p2{ color: #fff; font-size: 22px;  padding: 15px 0 0 0;}
.normal-sec5 .div2 .p2 b{ margin-right: 30px;}
.normal-sec5 .div2 .p3{ color: #fff; font-size: 14px;  padding: 10px 0; text-align: right;}
.normal-sec5 .right{ position: relative; padding-top: 80px;}
.normal-sec5 .right .strong1{ position: absolute; background: #ffa300;  font-weight: bold; color: #000; width: 300px; height: 60px;
font-size: 22px; line-height: 60px; text-align: center; border-radius: 5px; right: 0; top: 0px;}
.normal-sec5 .right .p1{ display: flex; display: -ms-flexbox; display: -webkit-flex; position: absolute; bottom: 30px; left: 50%;
transform: translateX(-50%);}
.normal-sec5 .right .p1 b,.normal-sec5 .right .p1 strong{height: 70px; line-height: 70px; background: #fff; border-radius: 5px; width: 260px; display: block;
text-align: center; font-size: 24px; font-weight: bold;}
.normal-sec5 .right .p1 b{ border-radius: 5px 0 0 5px;}
.normal-sec5 .right .p1 strong{ border-radius: 0px 5px 5px 0; background: #e62128; color: #fff;}

.normal-sec6{ background: #f5f5f5 url(../images/no-bg5.png) no-repeat bottom center;  padding: 50px 0 60px 0; height: 1100px;}
.normal-sec6 .parHd ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; padding: 50px 0;}
.normal-sec6 .parHd li{ border:1px solid #000;  height:50px; line-height: 50px; width: 135px; text-align: center; font-size: 18px; cursor: pointer;}
.normal-sec6 .parHd li.on{ background: #e62128; color: #fff; border-color: #e62128;}
.normal-sec6 .parBd{ position: relative; z-index: 333; height: 600px;}
.normal-sec6 .sprev{ position: absolute; top: 50%; left: 10px; z-index: 22; cursor: pointer;}
.normal-sec6 .snext{ position: absolute; top: 50%; right: 10px; z-index: 33; cursor: pointer;}
.normal-sec6 .more{ display: block;  box-shadow:5px 5px 0px #ffa300; height: 90px; line-height: 90px; width: 680px; color: #e62128; background: #f9ff00;
border-radius: 5px; margin: 0 auto; font-size: 42px; font-weight: bold; text-align: center; margin-top: 30px; position: relative;}
.normal-sec6 .more b{ position: absolute; height: 1px; background: #fff; opacity: 0.6; width:50px; left: -50px; top: 50%;}

.normal-sec7 { background: url(../images/no-bg6.jpg) no-repeat top center; background-size: 100% 100%; padding: 50px 0; height: 662px;}
.normal-sec7 .nor-tit{ background: url(../images/no-tit2.png) no-repeat center; height: 80px; width: 418px; margin: 0 auto;}
.normal-sec7 .swiper-container{ padding: 30px 0 !important;}
.normal-sec7 .swiper-wrapper{ padding-bottom: 70px;}
.normal-sec7 .swiper-slide { text-align: center; font-size: 18px; width: 22%;  transform: scale(1); -moz-transform: scale(1); 
-ms-transform: scale(1); -webkit-transform: scale(1); transform: all 0.36s; transform-origin: bottom center; overflow: hidden;}
.normal-sec7 .swiper-slide figcaption{ position: absolute; top: 20%; left: 20%; right: 20%; bottom: 20%; background: rgba(0,0,0,0.6);
display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; -ms-flex-align: center; -webkit-align-items: center;  flex-wrap: wrap;
align-content: center; opacity: 0; filter:alpha(opacity=0) ; transition: all 0.36s; z-index: 333;}
.normal-sec7 .swiper-slide p,.normal-sec7 .swiper-slide  h3{ color: #fff; text-align: center; width: 100%;}
.normal-sec7 .swiper-scrollbar{ background: #000; width: 1260px; margin: 0 auto !important; position: relative; opacity: 1 !important;}
.normal-sec7 .swiper-scrollbar-drag{ background: #e62128;}
.normal-sec7 .swiper-slide:hover figcaption{ opacity: 1; filter:alpha(opacity=100)}
.normal-sec7 .swiper-slide:hover{ transform: scale(1.05);  -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); }

.normal-sec8{ padding-top: 50px;}
.normal-sec8 ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; padding: 50px 0;}
.normal-sec8 ul li{ width: 182px;}
.normal-sec8 li h3{ color: #333; font-size: 20px; text-align: center; padding: 20px 0 10px 0;}
.normal-sec8 li p{ color: #666; font-size: 16px; text-align: center; line-height: 1.6;}

.normal-sec9{ background: url(../images/ft-bg.jpg) no-repeat top center; height: 120px; width: 100%;}
.normal-sec9 .w1260{ display: flex; display:-ms-flexbox;  display: -webkit-flex; align-items: center; height: 120px; }
.normal-sec9 h3{ color: #fff; font-weight: bold; font-size: 24px;}
.normal-sec9 p{ color: #fff; font-size: 20px;}
.normal-sec9 a{ display: block; background: #ffffff; width: 230px; height: 50px;  line-height: 50px; font-weight: bold; color: #E62128; font-size: 18px;
text-align: center; text-align: center; border-radius: 5px; margin-left: 30px;}


/*高端定制*/
.gaoduan-sec1{ background: url(../images/gd_03.jpg) no-repeat top center; height: 140px; background-size: 100% 100%;}
.gaoduan-sec1 .w1260{ display: flex; display: -ms-flexbox; display: -webkit-flex;  align-items: center; height: 140px; justify-content: space-between;}
.gaoduan-sec1 .div1 { padding-left: 20px;}
.gaoduan-sec1 h3{ color: #000; font-size: 28px;}
.gaoduan-sec1 p{ color: #E62128; font-size: 16px; padding-top: 10px;}
.gaoduan-sec1 input{ display: block; width: 360px; height: 60px; background: #fff; border:1px solid #dddddd; padding-left: 10px;}
.gaoduan-sec1 .sub{ width: 230px; background: #E62128; color: #fff; font-size: 22px; font-weight: bold;}

.gd-tit h3{ color: #000; text-align: center; font-weight: bold; font-size: 36px;}
.gd-tit b{ display: block; width: 100px; height: 1px; background: #000; margin: 0px auto 40px auto;}
.gd-tit p{ color: #333; text-align: center;  font-size: 22px; padding: 20px 0;}

.gd-tit2 h3{ color: #fff;;}
.gd-tit2 b{ background: #fff;}
.gd-tit2 p{ color: #fff; }

.gaoduan-sec2 { padding: 50px 0;}
.gaoduan-sec2 ul{ display: flex; display: -ms-flexbox; display: -webkit-flex;  align-items: center;  justify-content: space-between;}
.gaoduan-sec2 li p{ text-align: center; font-size: 20px; color: #333;}
.gaoduan-sec2 li{ background: url(../images/liu.jpg) no-repeat top center; width: 160px; height: 185px;}
.gaoduan-sec2 li img{ display: block; margin: 50px auto 10px auto;}

.gaoduan-sec3{ background: url(../images/gd-bg1.jpg) no-repeat top center; background-size: 100% 100%; padding: 50px 0;}
.gaoduan-sec3 .w1260{ display: flex; display: -ms-flexbox; display: -webkit-flex;  height: 510px; margin-top: 30px;}
.gaoduan-sec3 .tab-hd{ background: #a78247; width: 210px;}
.gaoduan-sec3 li{ height: 85px; border-bottom: 1px solid #755b32; cursor: pointer;}
.gaoduan-sec3 li .p1{ text-align: center; color: #fff; font-size: 18px; font-weight: bold; padding-top: 20px;}
.gaoduan-sec3 li .p2{ text-align: center; color: #fff; font-size: 12px; line-height: 1; }
.gaoduan-sec3 li.on{ background: #E62128;}

.gaoduan-sec4{ background: url(../images/gd-bg3.jpg) no-repeat top center; background-size: 100% 100%; padding: 50px 150px; position: relative;}
.gaoduan-sec4 .gd-tit{ padding-bottom: 60px;}
.gaoduan-sec4 .swiper-slide { transition: all 0.36s;
 -webkit-transform: scale(.75); transform: scale(.75);   -moz-transform: scale(.75);  -ms-transform: scale(.75);}
.gaoduan-sec4 .swiper-slide-active, .gaoduan-sec4 .swiper-slide-duplicate-active{ -webkit-transform: scale(1); transform: scale(1); }
.gaoduan-sec4 .swiper-slide h3{ color: #000; text-align: center; font-size: 22px; padding: 20px 0 0 0; font-weight: bold;}
.gaoduan-sec4 .swiper-slide p{ color: #666666; text-align: center; font-size: 16px;}
.gaoduan-sec4 .swiper-pagination-bullet{ background: #e62128;  height: 10px; width: 10px; transition: all 0.36s;}
.gaoduan-sec4 .swiper-pagination-bullet-active{ width: 30px; border-radius: 10px;}
.gaoduan-sec4 .pagination{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: center; padding: 50px 0;}
.gaoduan-sec4 .redline{ position: absolute; top: 23%; left: 30%; bottom: 20%; right: 30%; border:2px solid #E62128; }

.gaoduan-sec5{ background: url(../images/no-bg5.png) no-repeat top center;   padding:70px 0 50px 0;}
.gaoduan-sec5 .tab-hd ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; padding-top: 50px;}
.gaoduan-sec5 .tab-hd li{ width: 185px; position: relative; cursor: pointer;}
.gaoduan-sec5 .tab-hd li span{ display: block; width: 180px; height: 50px; line-height: 50px; background: #fff; color: #000; font-size: 22px; text-align: center;}
.gaoduan-sec5 .tab-hd li b{ position: absolute; border:1px solid #fff; height: 50px; width: 180px;  top: -8px; left: 10px;}
.gaoduan-sec5 .tab-hd li.on span{ background: #E62128; color: #fff;}
.gaoduan-sec5 .tab-hd li.on b{ border-color: #E62128;}
.gaoduan-sec5 .tab-bd{ margin-top: 150px; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.gaoduan-sec5 .tab-bd img{ display: block;}

.gaoduan-sec6{ background: #f8f8f8; padding: 50px 0 0 0;}
.gaoduan-sec6 .gd-tit p{ font-size: 16px; }
.gaoduan-sec6 .cont{position: relative;}
.gaoduan-sec6 .tab-hd{ width: 1260px; left: 50%; margin-left: -630px; top: 0; bottom: 0; position: absolute; z-index: 3333;}
.gaoduan-sec6 .tab-hd ul{  background: rgba(255,255,255,0.9); width: 280px; bottom: 0; position: absolute; top: 0; left: 0; bottom: 0;}
.gaoduan-sec6 .tab-hd ul li{  height: 33.3%; transition: all 0.36s; cursor: pointer; display: flex; display: -ms-flexbox; display: -webkit-flex;
align-items: center; border-bottom: 1px solid #E0E0E0;} 
.gaoduan-sec6 .tab-bd img{ display: block; }
.gaoduan-sec6 .text1{ padding: 40px;}
.gaoduan-sec6 .text2{ display: none;  padding: 20px;}
.gaoduan-sec6 .text2 h3{ color: #fff; font-size: 22px; font-weight: bold;}
.gaoduan-sec6 .text2 p{ color: #fff; font-size: 18px; line-height: 30px; height: 90px;  overflow: hidden; margin-top: 10px;}
.gaoduan-sec6 .p1{ color: #666; font-family: arial; font-size: 18px;  text-transform: uppercase;}
.gaoduan-sec6 .p2{ color: #666; font-family: arial; font-size:20px;}
.gaoduan-sec6 .tab-hd li.on{ background: #E62128;}
.gaoduan-sec6 .tab-hd li.on .text2{ display: block;}
.gaoduan-sec6 .tab-hd li.on .text1{ display: none;}


.gaoduan-sec7{ background: url(../images/gd-bg5.jpg) no-repeat top center;   padding:70px 0 50px 0;}
.gaoduan-sec7 ul{ display: flex; display: -ms-flexbox; display: -webkit-flex;  justify-content: space-between;}
.gaoduan-sec7 li figcaption{ box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff; padding:30px 15px 20px 15px; width: 340px; margin:-50px auto 0 auto; position: relative; z-index: 33;}
.gaoduan-sec7 li h3{ font-weight: bold; color: #000; text-align: center; font-size: 26px; padding:0 0 20px 0;}
.gaoduan-sec7 li p{ color: #666; text-align: center; font-size: 14px; line-height: 26px;}


.gaoduan-sec8{ padding:70px 0 0px 0;}
.gaoduan-sec8 .w1260{ position: relative;}
.gaoduan-sec8 .nor-tit { background: url(../images/no-tit2.png) no-repeat center; height: 80px; width: 418px; margin: 0 auto; }
.gaoduan-sec8 .tempWrap{ width: 1260px !important;}
.gaoduan-sec8 li{ width: 340px !important; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin: 60px 40px;}
.gaoduan-sec8 .bd{ padding: 30px 0;}
.gaoduan-sec8 .hd{ position: absolute; top: 48%; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;
left: -30px; right: -30px; cursor: pointer;}


.gaoduan-sec9{ padding:70px 0 50px 0; background: #f8f8f8;}
.gaoduan-sec9 .w1260{  padding-top: 30px;}
.gaoduan-sec9 .gd-tit p{ font-size: 16px; }

.gaoduan-sec10{ background: url(../images/gd-bg4.jpg) no-repeat top center;   height: 500px;}
.gaoduan-sec10 .w1260{ position: relative;}
.gaoduan-sec10 h3{ text-align: center; color: #fff; font-weight: bold; font-size: 30px; text-align: center;}
.gaoduan-sec10 p{ text-align: center; color: #fff; font-size: 16px; text-align: center; padding-top: 10px; margin-bottom: 30px ;}
.gaoduan-sec10 .form{ position: absolute; top: 90px; right: 80px;}
.gaoduan-sec10 input{ display: block; background: #fff; height: 60px; width: 320px; margin-bottom: 20px; padding-left: 10px;}
.gaoduan-sec10 .sub{ background: #E62128; color: #fff; padding-left: 0; font-size: 20px;}



/*免费报价*/
.freeprice-sec1{ background: url(../images/free_02.jpg) no-repeat top center; height: 800px; padding-top: 270px;}
.freeprice-sec1 .w1260{ display: flex; display: -ms-flexbox; display: -webkit-flex; background: #fff; align-items: center; height: 450px;
padding: 50px; justify-content: space-between;}
.zcityGroup{ display: flex; justify-content: space-between; width: 360px;}
.freeprice-sec1 .div1{ display: flex; align-items: center; display: -ms-flexbox; display: -webkit-flex; }
.zcityGroup .zcityItem { position:relative; z-index:0;  width:168px; }
.zcityGroup .zcityItem .zcityItem-head:before { content:''; display:block; width:0px; height:0px; top:50%; margin-top:-3px;  position:absolute; z-index:0; right:5px; border-left: 5px solid transparent; 
 border-right: 5px solid transparent;  border-bottom: 5px solid transparent;  border-top: 5px solid #000;   transition: all 0.36s;}
.zcityGroup .zcityItem .zcityItem-head .currentValue { width:100%; display:block; height:40px; line-height:40px; text-overflow:ellipsis; white-space:nowrap;
 overflow:hidden; border:none; background:#fff; padding:0 0 0 5px; border:1px solid #E0E0E0}
.zcityGroup .zcityItem .zcityItem-main { position:absolute; z-index:0; left:0 !important; top:32px !important; width:100%; right: 0; visibility:hidden;
 opacity:0; background:#fff;  }
.cityTips{ padding-left: 10px;}
.zcityGroup .zcityItem .zcityItem-main .cityContainer { height:120px; overflow-x:hidden; overflow-y:auto; border:1px solid #eee;  }
.zcityGroup .zcityItem .zcityItem-main .cityContainer  li{ padding-left: 15px;}
.zcityGroup .zcityItem .zcityItem-main .cityTips:hover, .zcityGroup .zcityItem .zcityItem-main .citylist .cityitem:hover { background:#f5f5f5 }
.zcityGroup .zcityItem.on .zcityItem-main { visibility:visible; opacity:1; }
.zcityGroup .zcityItem.on .zcityItem-head:before { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);
transform-origin:top center; margin-top: 0;}
.freeprice-sec1 .left h2{ color: #000; font-size: 16px; padding-bottom: 30px;}
.freeprice-sec1 .left h2 span{ color: #000; font-size: 26px; display: inline-block; margin-right: 10px;}
.freeprice-sec1 .left b{ color: #E62128; font-size:16px;}
.freeprice-sec1 .left .div1 span{ color: #000; font-size: 14px; width: 85px;}
.freeprice-sec1 .left input{ width: 100%;}
.freeprice-sec1 .in{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;  height: 40px; border:1px solid #E0E0E0;
width: 360px; padding:0 10px;}
.freeprice-sec1 .left .div1{ margin-bottom: 15px;}
.freeprice-sec1 .left .p1{ text-align: center; color: #888; font-size: 14px;}
.freeprice-sec1 .center{ position: relative; height: 450px; display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center;}
.freeprice-sec1 .center span{  display: block; border-radius: 100%; background: #E62128; height: 140px; width: 140px; color: #fff; font-size: 30px;
text-align: center;line-height: 1; padding-top: 40px;}
.freeprice-sec1 .center strong{ display: block; border:1px solid #E62128; padding: 20px; border-radius: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.1);
transition: all 2s; animation: small 1.6s infinite forwards; transform: scale(1);}
.freeprice-sec1 .center .line{ position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; height: 100%; background: #E0E0E0;}
.freeprice-sec1 .right h3{ text-align: center; font-size: 26px; color: #333; padding-bottom: 30px; }
.freeprice-sec1 .right ul{ background: #f6f8fa; padding:20px 40px; border-radius: 10px;);}
.freeprice-sec1 .right li{ font-size: 16px; color: #000; padding: 15px 0;}
.freeprice-sec1 .right li b{ color: #E62128;}
.freeprice-sec1 .right li img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.freeprice-sec1 button{ appearance: none; background: none; border: none}

.fp-tit h3{ background: url(../images/free-titbg.png) no-repeat center; text-align: center; font-size: 36px; color: #000;}
.fp-tit p{ text-align: center; color: #888; font-size: 18px; padding-top: 15px;}
.freeprice-sec2{ padding: 50px 0;}
.freeprice-sec2 ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; padding: 50px 0 50px 0;}
.freeprice-sec2 li h3{ color: #000; font-size: 22px; text-align: center; padding-top: 10px;}
.freeprice-sec2 li p{ color: #333; font-size: 15px; text-align: center;}


.freeprice-sec3 ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; padding: 50px 0 50px 0;}
.freeprice-sec3 li p{ color: #333; font-size: 16px; text-align: center; box-shadow: 0 0 5px rgba(0,0,0,0.3); height: 60px;  position: relative;
z-index: 33; width: 300px; margin: 0 auto; background: #fff; margin-top: -30px; line-height: 60px;}

.freeprice-sec4{ background: url(../images/free-bg1.jpg) no-repeat top center; padding: 70px 0 70px 0;}
.freeprice-sec4 h2{ text-align: center; text-shadow: 0 0 10px rgba(0,0,0,0.1); font-weight: bold; color: #fff; font-size: 40px; padding-bottom: 50px;}
.freeprice-sec4 .cont{ background: #fff; padding: 25px;}
.freeprice-sec4 .cont,.freeprice-sec4 .cont ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;}
.freeprice-sec4 .listdetail ul{ width: 830px; height: 460px;}
.freeprice-sec4 .listdetail li{ width: 260px; background: #f5f5f5; padding: 30px 15px;}
.freeprice-sec4 .listdetail li em{ font-size: 14px; color: #E62128; text-align: center; display: block; margin-bottom: 20px;}
.freeprice-sec4 .listdetail .listdetailli em img{ display: block; margin: 0 auto;}
.freeprice-sec4 .listdetail li h3{ text-align: center; color: #E62128; font-size: 28px; border-top: 1px solid #E62128; padding-top: 30px;}
.freeprice-sec4 .biao{ background: #F5F5F5; width: 350px; height: 460px;}
.freeprice-sec4 .p1{ line-height: 30px; height: 60px; overflow: hidden; margin-top: 40px;}
.freeprice-sec4 .p1,.freeprice-sec4 .p2{ font-size: 18px; color: #333; text-align: center;}
.freeprice-sec4 .listdetail li strong{ display: block; height: 50px; line-height: 50px; text-align: center;}
.freeprice-sec4 .biao strong{ font-size: 18px; color: #fff; background: url(../images/sanjiao-bg.png) no-repeat top center; width: 146px; height: 40px;
position: absolute; top: -10px; left: 0; font-weight: bold; padding-left: 30px; line-height: 40px;}
.freeprice-sec4 .biao{ position: relative; padding:75px 20px 0 20px;}
.freeprice-sec4 .biao h3{color: #E62128; font-size: 20px; }
.freeprice-sec4 .biao h4{color: #E62128; font-size: 32px; font-weight: bold; padding: 15px 0;}
.freeprice-sec4 .biao input{ display: block; height: 50px; line-height: 50px; width: 290px; border:1px solid #E0E0E0; padding-left: 10px; margin-bottom: 15px; }
.freeprice-sec4 .biao p{ text-align: center; font-size: 14px; color: #666; padding-bottom: 15px;}
.freeprice-sec4 .biao .sub{ background: #E62128; padding-left: 0; color: #fff; font-size: 20px; text-align: center;}
.freeprice-sec4 .feedback{ padding-top: 50px;}
.feedback-cont .left{ width: 700px;}
.feedback-cont h3{ font-size: 16px; color: #333;}
.feedback-cont h3 span{font-size: 22px; display: inline-block; margin-right: 15px;}
.feedback-cont .div1{ display: flex; display:-ms-flexbox; display: -webkit-flex; justify-content: space-between;}
.feedback-cont .div1 a{ display: block; padding: 0 10px; background: #E62128; color: #fff; font-size: 16px; border-radius: 5px;}
.feedback-cont{ padding-top: 50px; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;}
.feedback-cont dl{ border:1px solid #E0E0E0; margin-top:25px;  height: 430px;}
.feedback-cont dt,.feedback-cont dd{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-around; align-items: center;}
.feedback-cont dt{ background: #f5f5f5; height: 60px; }
.feedback-cont dt span{ font-size: 16px; color: #000;}
.feedback-cont dd{  height: 60px; border-bottom: 1px dashed #F5F5F5; }
.feedback-cont .right{ width: 520px; position: relative;}
.feedback-cont .right-nei{border:1px solid #E0E0E0; padding: 30px;  height: 430px;}
.feedback-cont .div-tu{display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; }
.feedback-cont .div-tu img{ display: block; width: 210px; height: 100px; overflow: hidden;}
.feedback-cont .right em{ display: block; width: 90px; height: 90px; border:5px solid #F5F5F5; border-radius: 100%; overflow: hidden;}
.feedback-cont .right em img{ display: block; width: 90px; height: 90px; border-radius: 100%; overflow: hidden;}
.feedback-cont .div2{ display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center;}
.feedback-cont .div2 figcaption{ padding-left: 15px;}
.feedback-cont .right .p1{ color: #333; font-size: 14px; height:108px; line-height: 26px; overflow: hidden; text-align: left;}  
.feedback-cont .right figcaption h3{ font-size: 24px;}
.feedback-cont .right figcaption p{ color:#666; padding-top: 10px;}
.feedback-cont .right .t{ font-size: 22px; color: #333; padding-bottom: 25px;  }
.feedback-cont .right .hd { position: absolute; bottom: 10px; z-index: 33; left: 0; right: 0;}
.feedback-cont .right .hd ul{ text-align: center;}
.feedback-cont .right .hd li{ display: inline-block; width: 8px; height: 8px; background: #E62128; border-radius: 100%; margin: 0 5px; cursor: pointer;  transition: all 0.6s;}
.feedback-cont .right .hd li.on{ width: 30px; border-radius: 5px;}

.freeprice-sec5{ background: url(../images/free-bg2.jpg) no-repeat top center; background-size: 100% 100%; padding:70px 0 50px 0;}
.freeprice-sec5 h3{ text-align: center; color: #000; font-size: 44px; padding-bottom: 50px;}
.freeprice-sec5 .tu{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between}
.freeprice-sec5 figure{ position: relative; border:15px solid #fff}
.freeprice-sec5 figure span{ display: block; font-size: 24px; color: #fff; background: #E62128; width: 46px; height: 140px; text-align: center; position: absolute; top: 0; right: 55px;
z-index: 3; padding-top: 10px;}
.freeprice-sec5 figure b{ position: absolute; right: 45px; top: 15px; display: block; border:1px solid #E62128; height: 140px; width: 40px; z-index:2;}
.freeprice-sec5 .biao{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: center; padding-top: 45px;}
.freeprice-sec5 .biao input{ background: #fff; border:1px solid #E0E0E0; height: 60px; width: 340px; padding: 0 0 0 10px; margin: 0 20px;
color: #aaaaaa; font-size: 20px;}
.freeprice-sec5 .biao .sub{ background: #E62128; color: #fff; padding-left: 0; font-size:22px;}

/*品质保障*/
.pz-sec1{ background: url(../images/pz_02.jpg) no-repeat top center; background-size: 100% 100%; height: 800px; position: relative;}
.pz-sec1 ul{ display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; position: absolute; bottom: 30px; left: 50%;
width: 1260px; margin-left: -630px;}
.pz-sec1 ul li{ width: 240px; background: #fff; padding: 50px 0;}
.pz-sec1 li strong{ display: block; text-align: center; font-size: 52px; font-weight: bold; font-family: 'DIN'; color: #e62128;  position: relative;}
.pz-sec1 li p{ text-align: center; color: #000; font-size: 22px; padding: 25px 0 0 0;}
.pz-sec1 li i{ font-size: 16px; position: absolute; top: -20px; right:23px;}

.pz-tit h3{text-align: center;   font-size: 36px; font-weight: bolder; color: #000; padding-bottom: 20px;}
.pz-tit h3 img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.pz-tit p{ text-align: center; font-size: 22px; color: #333; }
.pz-sec2{ background: url(../images/pz-bg1.jpg) no-repeat top center; background-size: 100% 100%; padding: 50px 0;}
.pz-sec2 .cont{ display: flex; padding: 50px 160px 0 160px; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;} 
.pz-sec2 .bd{ overflow: hidden; width: 50%;}
.pz-sec2 .bd img{ display: block; overflow: hidden; }
.pz-sec2 .bd div{ position: relative;}
.pz-sec2 .bd p{ position: absolute; bottom: 30px; left: 0; right: 0; background: #E62128; height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 24px;}
.pz-sec2 .hd-t{ display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center;}
.pz-sec2 .hd-t h2{ font-size: 26px; background: #222; color: #fff; width: 170px; height: 50px; text-align: center; line-height: 50px;}
.pz-sec2 .hd-t p{ color: #333; font-size: 18px; padding-left:25px;}
.pz-sec2 .hd{ padding-left: 45px; width: 50%;}
.pz-sec2 .hd ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; padding-top: 50px;}
.pz-sec2 .hd ul li{ width: 28%; margin-bottom: 50px; position: relative; cursor: pointer;}
.pz-sec2 .hd span{ display: block; border: 1px solid #333333; height: 50px;  line-height: 50px; text-align: center; font-size: 18px; color: #333; transition: all 0.36s; background: transparent;}
.pz-sec2 .hd li strong{ display: block; background: url(../images/pz-icon.png) no-repeat; width: 60px; height: 35px; position: absolute; top: -20px; left: -20px;}
.pz-sec2 .hd li:nth-child(1) strong{ background-position: -16px -18px;}
.pz-sec2 .hd li:nth-child(2) strong{ background-position: -119px -18px;}
.pz-sec2 .hd li:nth-child(3) strong{ background-position: -216px -18px;}
.pz-sec2 .hd li:nth-child(4) strong{ background-position: -16px  -110px;}
.pz-sec2 .hd li:nth-child(5) strong{ background-position: -119px -110px;}
.pz-sec2 .hd li:nth-child(6) strong{ background-position: -216px -110px;}
.pz-sec2 .hd li:nth-child(7) strong{ background-position: -16px -204px;}
.pz-sec2 .hd li:nth-child(8) strong{ background-position: -119px -204px;}
.pz-sec2 .hd li:nth-child(9) strong{ background-position: -216px -204px;}
.pz-sec2 .hd li:nth-child(10) strong{ background-position: -16px -296px;}
.pz-sec2 .hd li:nth-child(11) strong{ background-position: -119px -296px;}
.pz-sec2 .hd li:nth-child(12) strong{ background-position: -221px -296px;}
.pz-sec2 .hd li:nth-child(1).on strong{ background-position: -16px -393px;}
.pz-sec2 .hd li:nth-child(2).on strong{ background-position: -119px -393px;}
.pz-sec2 .hd li:nth-child(3).on strong{ background-position: -216px -393px;}
.pz-sec2 .hd li:nth-child(4).on strong{ background-position: -16px  -483px;}
.pz-sec2 .hd li:nth-child(5).on strong{ background-position: -119px -483px;}
.pz-sec2 .hd li:nth-child(6).on strong{ background-position: -216px -483px;}
.pz-sec2 .hd li:nth-child(7).on strong{ background-position: -16px -576px;}
.pz-sec2 .hd li:nth-child(8).on strong{ background-position: -119px -576px;}
.pz-sec2 .hd li:nth-child(9).on strong{ background-position: -216px -576px;}
.pz-sec2 .hd li:nth-child(10).on strong{ background-position: -16px -670px;}
.pz-sec2 .hd li:nth-child(11).on strong{ background-position: -119px -670px;}
.pz-sec2 .hd li:nth-child(12).on strong{ background-position: -221px -670px;}
.pz-sec2 .hd li.on span{ background: #E62128; color: #fff; border:none}

.pz-tit2 h3{ color: #fff;}
.pz-tit2 p{ color: #fff;}
.pz-sec3{ background: url(../images/pz-bg2.jpg) no-repeat top center; background-size: 100% 100%; padding: 50px 0 0 0;}
.pz-sec3 ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; padding-top: 50px;}
.pz-sec3 ul li{ background: #fff; padding:30px 20px; width: 165px;}
.pz-sec3 li span{ display: block; text-align: center; font-size: 24px; color: #000; font-family: arial; padding: 15px 0;}
.pz-sec3 li p{ text-align: center; font-size: 20px; color: #000;}
.pz-sec3 li img{ display: block; margin: 0 auto;}
.pz-sec3 .sec3-hf{ background: url(../images/pz-hf.png) no-repeat top center; height: 226px; width: 100%; padding-top: 100px; margin-top: 50px;}
.pz-sec3 input{ background: #fff; width: 260px; height: 44px; padding-left: 10px;}
.pz-sec3 .sec3-hf .w1260{ padding-left: 125px; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; align-items: center;}
.pz-sec3 .div-in{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; align-items: center;}
.pz-sec3 .sub{  background: #E62128; color: #fff; font-size: 16px;}
.pz-sec3 .sec3-hf h3{ color: #fff; font-size: 30px; font-family: '晴圆'; padding-bottom: 25px;}
.pz-sec3 .div-in{ width: 805px;}
.pz-sec3 .div2 h4{ color: #fff; font-size: 20px; text-align: right; padding-bottom: 15px;}
.pz-sec3 .div2 h5{ color: #E62128; font-size: 44px; font-family: 'DIN'; text-align: right; font-weight: bold;}

.pz-sec4{ padding: 50px 0;}
.pz-sec4 img{ display: block; max-width: 100%;}

.pz-sec5{ background: url(../images/pz-bg3.jpg) no-repeat top center; padding-top: 50px;}
.pz-sec5 .cont{  display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; padding-top: 50px;}
.pz-sec5 .hd{ width: 29%; background: #333333;  display: flex; align-items: center; display: -ms-flexbox; display: -webkit-flex;}
.pz-sec5 .bd{ padding-left: 10px;}
.pz-sec5 .hd ul{ width: 100%; display: flex; flex-direction: column ; align-content: stretch; height: 100%;}
.pz-sec5 .hd li{  transition: all 0.6s; cursor: pointer; height: 20%; display: flex; display: -ms-flexbox; display: -webkit-flex; padding-left: 35px;}
.pz-sec5 .hd .div{ display: flex; display: -ms-flexbox; display: -webkit-flex;  align-items: center; width: 100%;}
.pz-sec5 .hd span{ display:inline-block; color: #fff; font-family: 'DIN'; font-size: 40px; padding-right: 10px;}
.pz-sec5 .hd h3{ color: #545454; font-family:'DIN'; font-size: 30px; text-transform: uppercase; padding-bottom: 10px;}
.pz-sec5 .hd .div div{padding-left: 15px;  }
.pz-sec5 .hd .div p{ color: #fff; font-weight: bold; font-size: 24px;}
.pz-sec5 .bd{ width:71%;}
.pz-sec5 .bd img{ display: block; width: 100%;}
.pz-sec5 .hd li.on{ background: #E62128;}
.pz-sec5 .hd li.on span{ color: #fff;}
.pz-sec5 .hd li.on h3{ color: #e9484d;}

.pz-sec6 { padding:70px 0 50px 0; background: #f5f5f5; position: relative;}
.pz-sec6 .nor-tit p{ text-align: center; font-size: 24px; color: #333; padding: 25px 0;}
.pz-sec6 ul{ display: flex; align-items: center; display: -ms-flexbox; display: -webkit-flex;  justify-content: space-between; padding-top: 100px;}
.pz-sec6 ul li{ position: relative; z-index: 33; background: url(../images/pz-litit.png) no-repeat top center; width: 248px; height: 248px; display: flex;
display: -ms-flexbox; display: -webkit-flex; align-items: center; align-content: center; flex-wrap: wrap;}
.pz-sec6 li p{ color: #fff; position: relative; z-index: 33; text-align: center; width: 100%; font-size: 22px; padding: 15px 0 0 0;}
.pz-sec6 li img{ display: block; margin: 0 auto;}
.pz-sec6 .w1260{ width: 1300px;}
.pz-sec6 .tu2{ position: absolute; left: 0; top: 0;}
.pz-sec6 .tu1{ position: absolute; right: 0; bottom: 0;}
.pz-sec6 .pz-btn{ display: block; width: 605px; height: 60px; line-height: 60px; text-align: center; font-size:20px; background: #e62128; color: #fff; border-radius: 5px;
margin: 50px auto;}
.pz-sec6 .pz-btn img{ display: inline-block; vertical-align: middle; margin-right: 5px;}

.pz-sec7{ padding: 50px 0;}
.pz-sec7 .w1260{ position: relative;}
.pz-sec7 .bd { padding-top: 50px; }
.pz-sec7 .tempWrap{ width: 1260px !important; overflow: hidden;} 
.pz-sec7 .bd li{ width: 290px; margin-right: 32px;}
.pz-sec7 .bd li img{ display: block; width: 100%;}
.pz-sec7 .prev,.pz-sec7 .next{ position: absolute; left: -100px; top: 50%; cursor: pointer;}
.pz-sec7 .next{ right: -100px; left: auto;}
.pz-sec7 .div-btn{ display: flex; justify-content: center; display: -ms-flexbox; display: -webkit-flex; padding-top: 50px;}
.pz-sec7 .div-btn .btn{ display: block; background: #E62128; color: #fff; font-weight: bold; font-size: 22px; width: 400px; height: 60px; text-align: center; line-height: 60px;
border-radius: 5px; margin: 0 30px;}
.pz-sec7 .div-btn img{ display: inline-block; vertical-align: middle; margin-right: 5px;}

.pz-sec8{ background: url(../images/pz_91.jpg) no-repeat top center; height: 727px; padding: 250px 0 50px 0; background-size: 100% 100%;}
.pz-sec8 .w1260{  background: #fff; display: flex;  display: -ms-flexbox; display: -webkit-flex;  justify-content: space-between; padding:50px 55px 30px 55px; align-items: center;}
.pz-sec8 .left h3{ color: #E62128; font-size: 16px; margin-bottom: 35px;}
.pz-sec8 .left h3 strong{ font-size: 26px; color: #000; display: inline-block; margin-right: 10px;}
.pz-sec8 .left span{ color: #333; font-size: 20px;}
.pz-sec8 .left .in{ margin-bottom: 15px; display: flex;  display: -ms-flexbox; display: -webkit-flex;  justify-content: space-between;}
.pz-sec8 .left .in div{ border:1px solid #aaaaaa; width: 300px; height: 50px;  padding-left: 10px;}
.pz-sec8 .left i{ color: #f00;}
.pz-sec8 .left .p1{ font-size: 14px; color: #aaa;}
.pz-sec8 .right h3{color: #333; font-size: 20px; margin-bottom: 35px; }
.pz-sec8 .right h3 b{ font-size: 30px; color: #E62128;}
.pz-sec8 .right .div1{ display: flex;  display: -ms-flexbox; display: -webkit-flex;  justify-content: space-between; border:1px solid #aaa; padding:20px 50px;}
.pz-sec8 .right .div1 p{ font-size: 16px; color: #555; padding: 0 30px; line-height: 36px;}
.pz-sec8 .right .div1 p:nth-child(2){ color: #f00;}
.pz-sec8 .right .p1{ padding-top: 30px;}

/*品牌介绍*/
.brand-banner img{ display: block; width: 100%;}
.brand-sec1{ background: url(../images/brand-bg1.jpg) no-repeat top center; background-size: 100% 100%; padding: 90px 200px 70px 200px;}
.brand-tit h2{ color: #333; opacity: 0.1; font-size: 100px; font-family: 'DIN'; text-align: center; text-transform: uppercase; font-weight: bold; 
 line-height:0}
.brand-tit h3{ text-align: center; color: #000; font-weight: bold; font-size: 40px; }
.brand-tit p{ text-align: center; font-size: 22px; color: #333; line-height: 36px; padding:20px 0;}
.brand-tit p i{ display: block; background: #6f6f6f; width: 30px; height: 1px; margin: 35px auto 0 auto;}
.brand-tit2 h2,.brand-tit2 h3,.brand-tit2 p{ color: #fff;}

.brand-sec1 .cont{ background: #fff; padding: 50px 120px; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;}
.brand-sec1 .left  h2{ color: #c4c2c3; font-size: 50px; text-transform: uppercase; font-family: "宋体"; letter-spacing: 2px;}
.brand-sec1 .left h3{ color: #000; font-size: 40px; padding: 35px 0;}
.brand-sec1 .left b{ display: block; width: 55px; height: 2px; background: #6f6f6f;}
.brand-sec1 .left p{ font-size: 15px; line-height:40px; color: #333; height: 200px; overflow-y: scroll; margin-top: 50px; width: 535px;
padding-right: 30px;}
.brand-sec1 .right img{ display: block; width: 100%;}
.brand-sec1 ::-webkit-scrollbar { width: 0.25rem; height: 0.25rem; background: #000; } 
.brand-sec1 ::-webkit-scrollbar-track { border-radius: 0; } 
.brand-sec1 ::-webkit-scrollbar-thumb { border-radius: 0; background-color: #e62128; transition: all .2s; border-radius: 0.25rem; } 
.brand-sec1 ::-webkit-scrollbar-thumb:hover { background-color: #e62128; }

.brand-sec2{ background: url(../images/brand-bg2.jpg) no-repeat top center; background-size: 100% 100%; padding: 70px 30px; ;}
.brand-sec2 .swiper-slide-active, .brand-sec2 .swiper-slide-duplicate-active{ transform: scale(1); -webkit-transform: scale(1);}
.brand-sec2 .swiper-slide {    -webkit-transition: transform 1s; -moz-transition: transform 1s; -ms-transition: transform 1s; -o-transition: transform 1s; -webkit-transform: scale(1); transform: scale(1); 
padding: 0 5px;}
.brand-sec2 .swiper-slide img{ border:4px solid #fff;}
.brandsec2-more{ width: 840px; height: 80px; line-height: 80px; background: #e62128; color: #fff; font-size: 28px; text-align: center;
 margin: -40px auto 0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.5); z-index: 33; position: relative;}
.brandsec2-more b{ font-weight: bold; font-size: 28px; font-family: 'DIN';}

.brand-sec3{ padding: 130px 0 30px 0; background:#f6f5f4 url(../images/brand-bg3.jpg) no-repeat bottom center; margin-top: -50px;  background-size: 100% 100%; }
.brand-sec3 .cont{ width: 1260px; margin: 50px auto 0 auto;}
.brand-sec3 .div{ display: flex; justify-content: space-between; }
.brand-sec3 .left,.brand-sec3 .right{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: relative; width: 538px; padding: 30px;}
.brand-sec3 .div h6{ color: #e62128; font-size: 12px; font-weight: normal; text-align: right; text-transform: uppercase;}
.brand-sec3 .div div h3{ font-size: 24px; font-weight: normal; text-align: right; text-transform: uppercase; color: #333;}
.brand-sec3 .div2{ display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: flex-end; padding: 15px 0;}
.brand-sec3 .div2 i{ display: inline-block; border-radius: 100%; width: 8px; height: 8px; background: #e62128; margin: 0 15px;}
.brand-sec3 .div  strong{  font-size: 24px; color: #333;}
.brand-sec3 .left P{ text-align: right;}
.brand-sec3 .div .p1{ font-size: 15px; color: #333; height: 60px; line-height: 30px; overflow: hidden;}
.brand-sec3 .div .left{ margin-bottom: 50px; position: relative; height: 240px; overflow: hidden;}
.brand-sec3 .div .right{ margin-top: 60px; position: relative; height: 240px; overflow: hidden;}
.brand-sec3 .right .div2{justify-content: flex-start ;}
.brand-sec3 .right h6{text-align: left; }
.brand-sec3 .div span{ display: block; text-align: right; cursor: pointer;}
.brand-sec3 .div .right span{ text-align: left;}
.brand-sec3 .div span b{ display: inline-block; background: url(../images/downarrow.png) no-repeat top center; width: 12px; height: 7px;}
.brand-sec3 .circle{ position: relative;}
.brand-sec3 .circle span{ display: block; height: 40px; width: 40px; border:1px dashed #e0e0e0; background: #fff; border-radius: 100%; margin-bottom: 20px;
position: relative; z-index: 1;}
.brand-sec3 .circle span i{ height: 14px; width: 14px; display: block; margin: 12px auto; background: #E0E0E0; border-radius: 100%;} 
.brand-sec3 .circle .line{ height:100%; position: absolute; top: 0; bottom: 0; width: 1px; background: #E0E0E0; left: 50%; z-index: 0; transition: all 0.36s;}
.brand-btn.on b{ transform: rotate(180deg);}
.brand-sec3 .red-bg{ background: #e62128; height: 40px; width: 40px; border-radius: 100%; text-align: center; padding-top: 5px;  margin: 0 auto;}
.brand-sec3 .brandmore p{ text-align: center; font-size: 14px; color: #333;}
.brand-sec3 .sanjiao{ position: absolute;}
.brand-sec3 .right .sanjiao{ background: url(../images/sanjiao-right.png) no-repeat top center; left: -30px; top: 35px; width: 32px; height: 42px;}
.brand-sec3 .left .sanjiao{ background: url(../images/sanjiao-left.png) no-repeat top center; right: -30px; top: 35px; width: 32px; height: 42px;}

.brand-sec4{  background-size: 100% 100%; background:url(../images/brand-bg4.jpg) no-repeat top center; padding: 90px 0}
.brand-sec4 .bd .tempWrap{ width: 1260px !important;  overflow: hidden;}
.brand-sec4 .bd li{ width: 400px;  height: 320px; margin: 0 30px 0 0; overflow: hidden;}
.brand-sec4 .bd li img{ overflow: hidden; width: 400px; height: 320px; border:2px solid #fff;}
.brand-sec4 .w1260{ position: relative;}
.brand-sec4 .prev{ position: absolute; top: 43%; left: -50px;}
.brand-sec4 .next{ position: absolute; top: 43%; right: -50px;}

.brand-sec4 .hd ul{ display: flex;  display: -ms-flexbox; display: -webkit-flex; justify-content: center; padding: 50px 0 0 0;}
.brand-sec4 .hd li{ font-size: 0; height: 12px; width: 12px; border-radius: 100%; background: #fff; margin: 0 20px; position: relative; z-index: 3;}
.brand-sec4 .hd li.on{ background: #e62128;}
.brand-sec4 .line{ position: absolute; left: 0; right: 0; height: 1px; background: #fff; opacity: 0.3; bottom:5px;}

.brand-sec5{ padding-top: 80px; background: #f4f4f4;}
.brand-sec5 .w1260{ display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between;}
.brand-sec5 .w1260 div{ align-self: flex-end; margin-left: -80px; padding-bottom: 35px; width: 615px;}
.brand-sec5 .w1260 h3{ font-size: 28px; color: #000; line-height: 46px; padding-bottom: 30px;}
.brand-sec5 .w1260 h3 span{ color: #E62128;}
.brand-sec5 .w1260 div p{ font-size: 16px; color: #333; line-height: 36px;}
.brand-sec5 .swiper-slide-active, .brand-sec2 .swiper-slide-duplicate-active{ transform: scale(1); -webkit-transform: scale(1);}
.brand-sec5 .swiper-slide { -webkit-transition: transform 1s; -moz-transition: transform 1s; -ms-transition: transform 1s; -o-transition: transform 1s; -webkit-transform: scale(1); transform: scale(1); 
padding: 0 5px;}
.brand5-scroll figure{ padding: 35px; background: #fff; border:1px solid #aaaaaa}
.brand5-scroll .swiper-slide p{ text-align: center; font-size: 16px; color: #333; padding:20px 0;}


.brand-sec6{ padding: 70px 0;}
.brand-sec6 ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; padding-top: 35px;}
.brand-sec6 li {box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 31.5%; overflow: hidden;}
.brand-sec6 li h3{ font-size: 16px; color: #333; padding-bottom: 10px;}
.brand-sec6 li p{ font-size: 14px; color: #666;}
.brand-sec6 li figcaption{ padding: 15px;}

/*装修课堂*/
.breadcrumb{ padding:25px 0 0 0;}

.builder-house { width: 100%;overflow: hidden; text-align: center; padding: 25px 0px 55px 0; background-size: cover;}
.bh-left{ position: relative;}
.bh-left .bd{ width: 900px; position: relative; overflow: hidden; height: 450px;}
.bh-left .bd img{ display:block; width: 100%;}
.bh-left p{ position: absolute; left: 0; right: 0; bottom: 0; height: 50px; line-height: 50px; background: rgba(0,0,0,0.6); color: #fff; text-align: left; 
z-index: 33333; width: 900px; font-size: 14px; padding-left: 30px;}
.bh-left span{ position: absolute; right: 40px; bottom:10px; font-size: 30px; color: #fff; font-family: '宋体'; cursor: pointer; z-index: 2223333;}
.bh-left .next{  right:10px;}
.bh-right{ background: #fff; width: 340px; padding:40px 30px 30px 30px; position: relative; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.bh-right input{ display: block; background: none; border:none; height: 40px; border:1px solid #E0E0E0; width: 100%;  text-indent: 1em;
margin-bottom: 15px; text-align: left;}
.bh-right h3{ font-weight: bold; color: #000; font-size: 24px; padding-top: 25px;}
.bh-right h4{ padding:25px 0 15px 0;}
.bh-right h4 span{ background: #e5232b; background: linear-gradient(#e5232b, #f6642b); color: #fff; font-size:18px; padding:5px 10px; margin: 0 5px; border-radius: 5px; vertical-align: middle;
font-family: arial; }
.bh-right .sub{ text-align: center; background: #000; text-indent: 0;  color: #fff; border:none}
.bh-right p{ font-size: 12px; color: #666;}
.bh-right strong{ display: block; position: absolute; overflow: hidden; color: #fff; font-size: 12px; top:8px; right: 5px; transform: rotate(45deg);
line-height: 1.3;}
.bh-right i{ display: block; height: 0; width: 0;  border-right: 80px solid #D71E32; border-left: 80px solid transparent;
border-bottom: 80px solid transparent; border-top:80px solid transparent; position: absolute; top: -80px;  right: 0;}

.coursepage{ background: #F5F5F5; padding: 50px 0 70px 0; }
.coursepage .left{ width: 940px; background: #fff; padding: 30px 0;}
.coursepage .right{ width: 300px;}
.coursepage .tab-pal li{display:flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;}
.coursepage .hd{ border-bottom: 1px solid #e0e0e0;}
.coursepage .hd ul{display:flex; display: -ms-flexbox; display: -webkit-flex; }
.coursepage .hd li{ font-size: 18px; color: #000; margin: 0 42px; border-bottom: 2px solid transparent; padding-bottom: 20px; cursor: pointer;}
.coursepage .hd li.on{ border-bottom-color: #E60012; color: #E60012;}
.coursepage .left .bd{ padding:0 30px 30px 30px;}
.coursepage .left .bd li{ padding:25px 0; border-bottom: 1px dashed #E0E0E0;}
.coursepage .left figure,.coursepage .left figure img{ width: 200px; height: 160px; overflow: hidden;}
.coursepage .left figcaption{ padding-left: 30px; width: 690px;}
.coursepage .left figcaption h3{ font-size: 22px; color: #333; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}
.coursepage .left figcaption p{ font-size: 13px; color: #666; line-height: 26px; height: 52px; overflow: hidden;}
.coursepage .left h5{ display:flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; margin-top: 20px;}
.coursepage .left strong a{ display: inline-block; font-size: 12px; border:1px solid #E0E0E0; padding: 0 10px; height: 25px; line-height: 23px; margin: 0 3px;}
.coursepage .left .bd li:hover h3{ color: #E60012; }
.coursepage .left strong a:hover{ background: #E60012; color: #fff;}
.coursepage .w1260{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;}
.coursepage .tui-designer{ background: #fff; border:1px solid #e0e0e0; margin-top: 25px; padding: 25px 10px;}
.coursepage .tui-designer .tui-tit{ background: url(../images/course-tit.png) no-repeat center; text-align: center; font-size: 20px; color: #333; margin-bottom: 20px;}
.coursepage .tui-designer li a{display: flex; display: -ms-flexbox; display: -webkit-flex; position: relative; padding:20px; border-bottom: 1px dashed #E0E0E0;}
.coursepage .tui-designer li h3{ font-size: 16px; color: #000;}
.coursepage .tui-designer li p{ font-size: 12px; color: #999;}
.coursepage .tui-designer li p b{ color: #000;}
.coursepage .tui-designer li figure{ box-shadow: 0 0 5px rgba(0,0,0,0.1); border-radius: 5px;}
.coursepage .tui-designer li figure img{ display: block; width: 64px; height: 60px; border-radius: 5px; }
.coursepage .tui-designer li figcaption{ padding-left: 10px;}
.coursepage .tui-designer .num{ position: absolute; top: 0; left: 0; background: url(../images/awards1.png) no-repeat top center; height: 28px; width: 27px;
color: #fff;text-align: center; line-height: 20px; z-index: 33; font-size: 14px}
.coursepage .tui-designer li:nth-child(2) .num{ background-image: url(../images/awards2.png);}
.coursepage .tui-designer li:nth-child(3) .num{ background-image: url(../images/awards3.png);}
.coursepage .tui-designer li:nth-child(4) .num{ background-image: url(../images/awards4.png); color: #666; position: relative;}
.coursepage .tui-designer li:nth-child(5) .num{ background-image: url(../images/awards4.png); color: #666; position: relative;}
.coursepage .tui-designer li .div{display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; }
.coursepage .tui-designer .div strong{ display: block; font-size: 16px; color: #000; padding: 0 20px;}
.coursepage .tui-designer .div b{ display: block; font-size: 13px; color: #888;}
.coursepage .gonglue{ background: #fff; padding: 20px; border:1px solid #E0E0E0; margin-top: 25px;}
.coursepage .gonglue .tit{ border-left: 3px solid #E60012; padding-left: 15px; font-size: 18px;}
.coursepage .gonglue img,.coursepage .gonglue figure{ display: blockl; width: 80px; height: 60px;}
.coursepage .gonglue ul{ padding-top: 15px;}
.coursepage .gonglue li{ padding: 10px 0;}
.coursepage .gonglue li a{ display: flex; display: -ms-flexbox; display: -webkit-flex;}
.coursepage .gonglue li span{ display: block; border:1px solid #E60012; width: 75px; height: 22px; text-align: center; line-height: 20px;
 color: #E60012; font-size: 12px;}
.coursepage .gonglue li figcaption{ padding-left: 10px;}
.coursepage .gonglue li h3{ color: #000; font-size: 14px;}
.fenye{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: center; padding-top: 50px; align-items: center;}
.fenye span{ display: block; margin: 0 10px; border-radius: 100%; height: 40px; width: 40px; background: #fff; border:1px solid #E0E0E0; 
text-align: center; line-height: 40px; cursor: pointer; transition: all 0.36s;}
.fenye span.confirm,.fenye .text{ width: 80px; border-radius: 25px;  height: 40px;background: #fff; border:1px solid #E0E0E0;  }
.fenye span.prev,.fenye span.next{ border-radius: 25px; width: 80px}
.fenye span.on,.fenye span:hover{ background: #E60012; color: #fff;}
.fenye b{ width: 40px; text-align: center;}
.fenye .text{ padding-left: 20px;}

@keyframes small{		
	from{ transform: scale(0.9);}
	50%{ transform: scale(1);}
	to{ transform: scale(0.9);}
		
}

@media screen and ( max-width: 1800px){			
	.brand-sec1 .cont {padding: 50px 40px;}
	
}
@media screen and ( max-width: 1600px){			
			
.normal-sec4 .cont,.brand-sec1{ padding: 90px 80px 70px 80px;}	
.brand5-scroll figure{ padding: 10px;}
.pz-sec2 .cont{ padding:50px 50px 0 50px;}
	
	
}
@media screen and ( max-width: 1500px){	
	.normal-sec4 .cont{ padding: 50px 80px 70px 80px;}	
	
	}